<extend name="Base/common"/>
<block name="body">
    <div class="insurance discharge">
        <div class="width1000">
            <div class="step_info">
                <div class="write_info on">录入保单信息</div>
                <div class="get_price">获取精确报价</div>
                <div class="cash_money">支付保单</div>
                <div style="clear:both"></div>
            </div>
            <div class="ins_tab">
                <a href="javascript:void(0);" class="f_l ins_tab_li">定制我的车险</a>
            </div>
            <form action="{:U('step3')}" method="post" class="form_all" id="frmSelect">
            <div style="border-bottom: 1px solid #ddd;">
            <div style="font-size: 24px; color:#000000;margin-bottom: 1em;">确认车型</div>
                <table class="table table-hover table-bordered">
                    <col width="50"/>
                    <tr>
                        <th></th>
                        <th>车型代码</th>
                        <th>车型名称</th>
                        <th>品牌名称</th>
                        <th>新车置购价</th>
                        <th>核定载客人数</th>
                        <th>排气量</th>
                    </tr>
                    <volist name="vhlmodel_list" id="model">
                    <tr>
                        <td>
                            <input type="radio" name="model_indx" value="{$key}" id="model_indx_{$key}" <if condition="$i eq 1">checked="checked"</if>>
                        </td>
                        <td>
                            {$model.C_VEHICLE_CODE}
                        </td>
                        <td>{$model.C_VEHICLE_NAME}</td>
                        <td>{$model.C_VEHICLE_BRAND}</td>
                        <td>￥{$model.N_VEHICLE_PRICE}</td>
                        <td>{$model.N_LIMIT_LOAD_PERSON}</td>
                        <td>{$model.C_EXT_MSR}</td>
                    </tr>
                    </volist>
                </table>
                <div class="discharge_bottom">
                    商业险 - 保险起期
                    <input type="text" name="t_insrnc_bgn_tm" class="text datePicker" value="{$t_insrnc_bgn_tm}" /><span class="help_msg"></span>    
                </div>
                
            </div>    
           <div style="border-bottom: 1px solid #ddd;  margin-top: 50px;">	
           <div style="font-size: 24px; color:#000000;margin-bottom: 1em;">选择险种</div>
                <div>
                <input type="hidden" name="c_order_no" value="{$c_order_no}">
                <input type="hidden" name="t_insrnc_bgn_tm" value="{$t_insrnc_bgn_tm}">
            <volist name="kindlist" id="kind">
                <div class="clearfix ins_select_list">
                	<div class="span1 f_l t_c">
                        <label for="ck_dzwd{$i}" class="ins_checkbox">
                        </label>
                        <input type="checkbox" class="hide" id="ck_dzwd{$i}" name="ck_dzwd{$i}" value="{$i}" />
                    </div>
                    <div class="span3 f_l relative">
                        <span>{$kind.C_KIND_NAME}</span>
                        <span class="ins_help" title="详情"></span>
                        <div class="ins_detail" style="display: none;">
                            <p class="ins_detail_tit">{$kind.C_KIND_NAME}</p>
                            <p>{$kind.C_DESC}</p>
                        </div>
                    </div>
                    <div class="span1 select_label ins_datail_label" style="float:left;">
                    	<label for="NotDeductible{$i}" >不计免赔</label>
                    	<input type="checkbox" class="hide" onclick="onCheckbox(this)"  id="NotDeductible{$i}" name="ed_dzwd{$i}"  value="{$i}"/>
                    </div>
                    <div class="span4 f_l select_label ins_detail_label">
                        <eq name="kind['C_AMT_FLAG']" value="02">
                        赔付额度：
                        <volist name="kind['opts']" id="vo" key="k">
                            <label for="k_{$kind.N_SEQ_NO}_{$k}" <eq name="vo['value']" value="$kind['N_DEFAULT_AMT']">class="on"</eq>>{$vo.label}</label>
                            <input type="radio" class="hide" id="k_{$kind.N_SEQ_NO}_{$k}" name="n_amt[{$kind.C_KIND_CDE}]" value="{$vo.value}" <eq name="vo['value']" value="$kind['N_DEFAULT_AMT']">checked="checked"</eq> />
                        </volist>
                        <else />
                            <input type="hidden" name="n_amt[{$kind.C_KIND_CDE}]" value="{$kind['N_DEFAULT_AMT']}">
                        </eq>
                        <input type="hidden" name="n_seat_num[{$kind.C_KIND_CDE}]" value="{$kind.N_SEAT_NUM}" />
                    </div>
                </div>
            </volist>
            </div>
            </div>      
              <div style="border-bottom: 1px solid #ddd; overflow: hidden;  margin-top: 50px;">
              		<div style="font-size: 24px; color:#000000;margin-bottom: 1em;">获取报价</div>
	              		<div style="margin-bottom:20px">
	              			<div style="margin-bottom:10px">
	              				商业险： <span>1111</span>元
	              			</div>
	              			<div style="margin-bottom:10px">
	              				车船险： <span>1111</span>元
	              			</div>
	              			<div style="margin-bottom:10px">
	              				交强险： <span>1111</span>元
	              			</div>
	              				
	              		</div>
	              		<div  style=" float: right;margin-top: -50px;"><span style="color: #ff9966;font-size: 24px;">￥400000</span></div>
              		
              </div>  
              <div style="margin-top: 50px;border-bottom: 1px solid #ddd;overflow: hidden;">
              	<div style="font-size: 24px; color:#000000;margin-bottom: 1em;">智驾奖励预算</div>
	              		<div style="margin-bottom: 20px;">
	              			<div style="margin-bottom:10px">
	              				基本奖励： <span>1111</span>元
	              			</div>
	              			<div style="margin-bottom:10px">
	              				环保奖励： <span>1111</span>元&nbsp;&nbsp;&nbsp;&nbsp;
	              				   开车频率:<div class="btn-select" id="btn_select" style="width:200px;padding: 0;">
                              <span class="cur-select" style=" border: 1px solid #ddd;height: 23px;">一周开车天数     5天</span>
								<select onchange="selectOnChange(this)" style="width: 80%;z-index: 1;padding: 4px 1px 2px 2px;">
								<option class="btn-opton" value="0">0天</option>
								<option class="btn-opton" value="1">1天</option>
								<option class="btn-opton" value="2">2天</option>
								<option class="btn-opton" value="3">3天</option>
								<option class="btn-opton" value="4">4天</option>
								<option class="btn-opton" value="5">5天</option>
								<option class="btn-opton" value="6">6天</option>
								<option class="btn-opton" value="7">7天</option>
								</select>
								<input name="days" type="hidden" value="2"/>
								</div>
								
	              			</div>

	              				
	              			
	              		
	              		<div style=" float: right; margin-top: -44px;"><span style="color: #ff9966;font-size: 24px;">￥400000</span></div>
	              		</div>
              <div class="dropdown"></div>
              </div>
              
                <input type="submit" value="下一步" class="form_submit"  style="margin-left: 42%" />
            </form>
        </div>
    </div>
    </block>
<block name="script">
<script type="text/javascript" src="__PUBLIC__/Home/js/insurance.js"></script>
<script type="text/javascript" src="__PUBLIC__/Green/js/datePicker.js"></script>
<script type="text/javascript">

function selectOnChange (obj) {
	$(".cur-select").text("一周开车天数      "+obj.options[obj.selectedIndex].text);
	$("input[name=days]").attr('value',7-obj.options[obj.selectedIndex].value);
}

    $().ready(function(){
         var validator = $("#frmSelect").validate({
                rules:{
                    model_indx:{
                        required:true
                    },
                    t_insrnc_bgn_tm:{
                        required:true,
                        date:true
                    }
                },
                messages:{
                    model_indx:{
                        required:'请选择一个车型'
                    },
                    t_insrnc_bgn_tm:{
                        required:'请填写商业险-保险起期',
                        date:'日期格式不正确'
                    }
                }    
        });
    });

</script>
</block>
